<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title></title>
    <link rel="stylesheet" href="/static/css/app/workspace/swiper.min.css">
    <!--更新改变版本号-->
    <link rel="stylesheet" href="/static/css/app/workspace/personalCenter.css?v=1.0.5">
    <script src="/static/js/app/workspace/common/swiper.min.js" type="text/javascript" ></script>
    <script src="/static/js/app/workspace/common/swiper.animate1.0.3.min.js"></script>
    <script src="/static/js/app/workspace/common/jquery-1.11.1.min.js"></script>
    <script src="/static/js/app/workspace/util.js" type="text/javascript"></script>
    <script src="/static/js/app/pay/init.js" type="text/javascript"></script>
    <script src="/static/js/app/workspace/reward.js"></script>
    <script src="/static/js/app/workspace/clipboard.min.js"></script>
    <style>
        iframe:not(.huakai_iframe) {display:none !important;}
        #chatTheme{
            color: #333333;
            font-size: 0.24rem;
            font-weight: normal;
        }
        #hscodes{position: relative}
        .zhezhao{ width: 100%;height:100%;position: fixed;top: 0;left: 0;z-index: 100;}
        .zhezhao>img{width: 100%;height: 100%;}
    </style>
</head>
<body>
<script src="/static/js/common/Monitor.js"></script>
<div id="hscodes" class="container">
    <div class="zhezhao" style="display: none;"><img src="/static/img/app/workspace/mask.png" alt=""></div>
    <div class="h_top btn">
        <div class="logo">
            <img src="/static/img/app/workspace/logo.png" alt="">
            <dl>
                <dt>花开</dt>
                <dd>可以和附近的人视频聊天哦！</dd>
            </dl>
        </div>
        <a href="javascript:;">点击下载</a>
    </div>
    <div class="header">
        <div class="swiper-container">
            <div class="swiper-wrapper" id="alum">
                <!--<div class="swiper-slide"><img src="img/pic.jpg" alt=""></div>-->
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <!--<div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>-->
            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
        </div>
        <div class="h_bottom">
            <p><span id="sex"></span><b id="age"><!--22岁--></b></p>
            <p class="ptwo" id="ptwo"><!--接通率100% | 魅力值9999--></p>
        </div>
    </div>
    <div class="center">
        <div class="name" id="nickName">
            <b></b>
            <span></span>
        </div>
        <div class="sign">
            <h2 class="sigle">个性签名</h2>
            <p id="sigle"></p>
            <!--<button class="btn1" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
                Copy to clipboard
            </button>-->
        </div>
        <div class="talking">
            <h2 class="sigle">聊天能力</h2>
            <p id="chatTheme">

            </p>
        </div>
        <div class="gift single btn">
            <h2 class="sigle">收到礼物 <span id="giftcount"><!--(999)--></span></h2>
            <p id="gift">

            </p>
            <a href="javascript:;"> <img src="/static/img/app/workspace/arror.png" alt=""></a>
        </div>
        <div class="dynamic single btn">
            <h2 class="sigle">她的动态 <span id="dycount"><!--(999)--></span></h2>
            <p id="dypic">
                <!--  <span></span>-->
            </p>
            <a href="javascript:;" class="arro"> <img src="/static/img/app/workspace/arror.png" alt=""></a>
        </div>
        <div class="outgift single btn">
            <h2 class="sigle">送出礼物 <span id="giftoutcount"><!--(999)--></span></h2>
            <p id="giftoutpic">
                <!--  <span></span>-->
            </p>
            <a href="javascript:;" class="arro"> <img src="/static/img/app/workspace/arror.png" alt=""></a>
        </div>
        <div class="seemore single btn">
            <h2 class="sigle">谁看过她</h2>
            <p id="dysee">
                <!--<span></span>-->
            </p>
            <a href="javascript:;" class="arro"> <img src="/static/img/app/workspace/arror.png" alt=""></a>
        </div>
        <div class="info">
            <h2 class="sigle">个人信息</h2>
            <p id="info">
                <!--<span>家乡：深圳市</span>-->
            </p>

        </div>
    </div>
    <div class="footer btn">
        <a href="javascript:;"><img src="/static/img/app/workspace/talk.png" alt=""></a>
        <a href="javascript:;"><img src="/static/img/app/workspace/see.png" alt=""></a>
    </div>
</div>
<script type="text/javascript" src="//www.shareinstall.net/js/page/shareinstall-h5.min.js"></script>
<script>
    //REM 响应式
    ~function(){
        var desN = 750,winW = document.documentElement.clientWidth,ratio = winW / desN;
        document.documentElement.style.fontSize = ratio*100 + "px";
    }();
    //swiper 轮播
    window.onload = function() {
        var mySwiper = new Swiper ('.swiper-container', {
            // 轮播图的方向，也可以是vertical方向
            direction:'horizontal',
            //播放速度
            loop: true,
            // 自动播放时间
            autoplay:500,
            // 播放的速度
            /*speed:1000,*/
            observer: true,//修改swiper自己或子元素时，自动初始化swiper
            observeParents: true,//修改swiper的父元素时，自动初始化swiper
            // 如果需要分页器，即下面的小圆点
            /*pagination: '.swiper-pagination',*/
            pagination: {
                el: '.swiper-pagination',
            },
            // 如果需要前进后退按钮
            /*nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',*/
            // 这样，即使我们滑动之后， 定时器也不会被清除
            autoplayDisableOnInteraction :true,
            // 如果需要滚动条
            scrollbar: '.swiper-scrollbar',
        });
    }
</script>
<script type="text/javascript">
    $(function () {
        var shareCustomerId=getParameter("shareCustomerId");
        var customerId=getParameter("customerId");
        var rewardCustomerId=getParameter("rewardCustomerId");
        var ua = navigator.userAgent.toLowerCase();
        var shareId=getParameter("shareId");
        var and_ios = "";
        var parameter=window.location.href.split("?")[1];

        if (/iphone|ipad|ipod/.test(ua)) {
            //alert("iphone");
            and_ios = "iphone";
        } else if (/android/.test(ua)) {
            and_ios = "android";
        }
        if (ua.match(/MicroMessenger/i) == 'micromessenger' && and_ios == "iphone") {
            $('.iosweixin').show();
        }
        //剪切板复制
        var clipboard = new Clipboard('.btn', {
            text: function() {
                return shareCustomerId;//文本
            }
        });
        clipboard.on('success', function(e) {
            console.log(and_ios);
            if(and_ios == "iphone"){
                if(isTengxun()){
                    $(".zhezhao").show();
                    return
                }
                window.location.href="../workspace/guide/index.html?"+parameter;
            }else{
                var data = ShareInstall.parseUrlParams();//shareinstall.js中提供的工具函数，解析url中的所有查询参数
                data.appkey="BABK7E6KAKBEFH";
                var shareSdk = new ShareInstall({
                    appKey : 'BABK7E6KAKBEFH',
                    onready : function() {
                        var m = this;
                        m.schemeWakeup();
                        m.wakeupOrInstall();
                    }
                }, data);
            }
        });
        clipboard.on('error', function(e) {
            if(and_ios == "iphone"){
                if(isTengxun()){
                    $(".zhezhao").show();
                    return
                }
                window.location.href="../workspace/guide/index.html?"+parameter;
            }else{
                var data = ShareInstall.parseUrlParams();//shareinstall.js中提供的工具函数，解析url中的所有查询参数
                data.appkey="BABK7E6KAKBEFH";
                var shareSdk = new ShareInstall({
                    appKey : 'BABK7E6KAKBEFH',
                    onready : function() {// 回调成功
                        var m = this;
                        m.schemeWakeup();
                        m.wakeupOrInstall();
                    }
                }, data);
            }
        });
        /**
         * 是否在微信qq内置浏览器
         * @returns {boolean}
         */
        var isTengxun = function(){
            var ua = navigator.userAgent.toLowerCase();

            if(ua.match(/MicroMessenger/i)=="micromessenger"||ua.match(/WeiBo/i) == "weibo" || ua.match(/qq\//i) == "qq/") {
                return true;
            }
            return false;
        };

    })

</script>

</body>
</html>